
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:base>
    <jsp:attribute name="header">
	    <script type="text/javascript" src="/static/umpires/umpires.js"></script>
		<script type="text/x-kendo-template" id="toolbar-umpire">		
			<div style="float:left">
				<button class="k-button" id="btn-newUmpire">New Umpire</button>
				<button class="k-button" id="btn-deleteSelected">Delete Selected</button>
			</div>
			<div style="float:right">
				<label for="filter_umpire_address">Location :</label>
				<input id="filter_umpire_address" type="text" style="width:150px;float:left"></input>
				<label for="filter_umpire_type" class="umpire_type-label">Umpire by : </label>
				<input type="search" id="filter_umpire_type" style="width:150px"/>
			</div>				
	</script>
      <h1>Umpire List</h1>
    </jsp:attribute>

    <jsp:body>
       	<div id="grid-container">
		<div id="grid"></div>
		 <style scoped="scoped">
                #grid .k-toolbar
                {
                    min-height: 18px;
                    padding: 0.8em;
                }
                .umpire_type-label
                {
                    vertical-align: middle;
                    padding-right: .5em;
                }
                #umpire_type
                {
                    vertical-align: middle;
                }
                .toolbar {
                    float: right;
                }
            </style>
	</div>
    </jsp:body>
</t:base>
